import React from "react";
import {Col, Input, Row, Tree} from "antd";


const treeData = [
    {
        title: '分类',
        key: '0-0',
        children: [
            {
                title: '证件照',
                key: '0-0-0',
                children: [
                    {
                        title: '毕业证书',
                        key: '0-0-0-0',
                        disableCheckbox: true,
                    },
                    {
                        title: '身份证',
                        key: '0-0-0-1',
                    },
                ],
            },
            {
                title: '桌面壁纸',
                key: '0-0-1',
                children: [{ title: 'MAC桌面', key: '0-0-1-0' }],
            },
        ],
    },
];


export const CustomizePage = () => {

    const onChange = (value: string) => {

    }


    return <div style={{paddingTop: '5px'}}>
            <Row gutter={16}>
                <Col span={4}>
                    <Input.Search
                        style={{ marginBottom: 8 }}
                        placeholder="输入查找的分类"
                        onChange={(e) => onChange(e.target.value)} />
                    <Tree defaultExpandAll treeData={treeData}/>
                </Col>
                <Col span={20}>

                </Col>
            </Row>
    </div>
}